<template>
<div class="cuocuo">
    <div class="list">
        <van-row type="flex" justify="space-between">
            <div @click="open(1)">
                <van-col class="img1" >
                    <img  src="./../../../../static/img/lhdz/cuo1.png" alt="" srcset="">
                    <p class="ershou">二手物品交易</p>
                </van-col>
            </div>
            <div @click="open(2)">
                <van-col  class="img2" >
                    <img  src="./../../../../static/img/lhdz/cuo2.png" alt="" srcset="">
                    <p class="shiwu">失物招领</p>
                </van-col>
            </div>
        </van-row>
    </div>
    <div class="sign">
      <div class="title ">
          会议签到
      </div>
      <div style=" margin: 12px 12px 0px 15px;">
          <img src="./../../../../static/img/lhdz/qiandao.png" alt="" srcset="">
      </div>
    </div>
</div>
</template>
<script>
export default {
  name: "component_name",
  data () {
    return {
    };
  },
 methods: {
     open(e){
        if(e==1){
            window.location.href='https://cloud.anyolife.com/topicType?id=39&name=二手物品交易'
        }
       if(e==2){
            window.location.href='https://cloud.anyolife.com/topicType?id=38&name=失物招领'
        }
     }
 },
 created: function () {
 }
}
</script>
<style lang="css" scoped>
img{
    width: 100%;
}
.img1{
position: relative;
}
.img2{
position: relative;
}
.ershou{
    position: absolute;
    left: 10%;
    top: 10%;
    font-size: 14px;
}
.shiwu{
    position: absolute;
    left: 10%;
    top: 10%;
    font-size: 14px;
}
.list{
    margin: 10px 8px 0px 12px;
}
.sign{

}
.title{
    background: #fff;
    padding: 12px;
    font-size: 16px;
}
</style>
